<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">拆箱列表</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont " >&#xe68f;</i><span>刷新</span></a>
        </div>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mx-box">
                <div class="mx-title" ><h5 class="pl-15">筛选查询</h5>
                    <div class="mx-title-right">
                        <span class="f-12 mr-10 slectShow" style="color:#999999;cursor: pointer;"><i class="Hui-iconfont rotate-top mr-5" style="display:inline-block;">&#xe63d;</i>收起筛选</span>
                    </div>
                </div>
                <div class="mx-content select-wrap">
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <span>装箱编号：</span><input  id="boxOrderNumber" type="text" class="input-text radius size-M" placeholder="装箱编号">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <span>起始地：</span><input  id="sendStationName" type="text" class="input-text radius size-M" placeholder="起始地">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <span>操作人员：</span><input id="operator" type="text" class="input-text radius size-M" placeholder="操作人员">
                    </div>
                    <div class="goods-select col-xs-12 col-sm-6 col-md-4 col-lg-3">
                        <a id="normalSearch" class="btn btn-default-outline radius"><i class="Hui-iconfont Hui-iconfont-search1 mr-5"></i>查询</a>
                    </div>
                </div>
            </div>
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15"><i class="Hui-iconfont mr-5" style="display:inline-block;">&#xe6f5;</i>装箱列表</h5>
                    <div class="mx-title-right">

                        <span class="select-box radius">
                            <select id="changeSize" class="select" size="1" name="demo1">
                                <option value="10" selected>显示条数</option>
                                <option value="20">20</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                            </select>
                        </span>
                        <span class="select-box radius">
                            <select id="changeDesc" class="select">
                                <option value="z" selected>排序方式</option>
                                <option value="desc" >正序</option>
                                <option value="">倒序</option>
                            </select>
                        </span>
                    </div>
                </div>
                <div class="mx-content">
                    <table class="table table-border table-bordered table-bg table-hover">
                        <thead>
                        <tr>
                            <th class="text-c">装箱编号</th>
                            <th class="text-c">目的地</th>
                            <th class="text-c">操作人员</th>
                            <th class="text-c">操作</th>
                        </tr>
                        </thead>
                        <tbody id="List">
                            <!-- <tr>
                                <td class="text-c">591AA_528234</td>
                                <td class="text-c">王智超</td>
                                <td class="text-c">15059174954</td>
                                <td class="text-c">
                                    <a class="handle view">查看</a><a class="handle edit">编辑</a><a class="handle ">冻结</a>
                                </td>
                            </tr> -->
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="4" style="border-right:none;">
                                <div class="r" id="page">

                                </div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>

<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/devanning-list.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>